<!DOCTYPE html>
<html lang="en" xml:lang="en"
      xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>这是一个html标签练习</title>
    <link rel="stylesheet" type="text/css" href="../css/test01.css"/>
</head>
<body>
    <h1>标题h1-h6标签，标题很重要</h1>
    <p>段落p标签，请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。</p>
    <p>搜索引擎使用标题为您的网页的结构和内容编制索引。</p>
    <!--使用strong进行加粗强调-->
    <p>
        <strong>因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。</strong>
    </p>
    <hr>
    <p>应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。</p>
    <em>文字倾斜效果，并且强调文本</em><br>
    <i>文字倾斜，不强调文本</i><br>
    <del>删除线，</del>
    <hr>
    <p>
        <a href="http://www.baidu.com" title="这是一个链接" target="_blank">这是一个链接</a>
    </p>
    <div>
        <!--        1.li里面可以随意放标签，ol里面只能放li-->
        <ol type="A" start="2">
            <li>有序列表</li>
            <li>有序列表</li>
        </ol>
        <ul>
            <li>无序列表</li>
            <li>无序列表</li>
        </ul>
        <dl>
            <dt>
                <img src="http://www.baidu.com/img/PCfb_5bf082d29588c07f842ccde3f97243ea.png"
                     style="background-color: black">
            </dt>
            <dd>
                相关文字
            </dd>
        </dl>
    </div>
    <div>
        <strong>这是一个表格</strong>
        <table style="width: 500px">
            <tr>
                <th>会员姓名</th>
                <th></th>
                <th>出生日期</th>
                <th></th>
            </tr>
            <tr>
                <td>身份证号</td>
                <td colspan="3">列2</td>
            </tr>
            <tr>
                <td>地址</td>
                <td colspan="3">列2</td>
            </tr>
        </table>
    </div>
</body>
</html>